<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="container">


           
        <div>1111</div>
    </div>
    <script>
    //   var res =   document.querySelector(".container").childNodes;   // 子节点 node
    //   var res =   document.querySelector(".container").children;
    //   console.log(res);
      // var fn;
        // console.log(fn);
        // fn();
        
        // function fn(){
        //     console.log("fn");
        // }

        // var fn = function(){
        //     console.log("fn");
        // }

        //  fn = "1";
            // console.log(fn);
            // var fn = 1;
        //     var obj  ={
        //         name:"张三"
        //     }
        //     var myname = 'name';
        //     // .语法会把后面的东西转成字符串
        //     console.log(obj.myname);  // obj['myname']
        //     console.log(obj[myname]); // obj[myname];

        // var arr1 = ['张三','lisi'];
        // var arr2 = [2,3,4];
        // ['张三','lisi'，2,3,4];
        // ['张三','lisi',[2,3,4]];

        // offsetX  offsetLeft   
        // x y  :坐标 ---》和鼠标有关系  和事件对象有关系
        // left  height width top -->和 元素有关系 
        // div.offsetLeft ;
        // div.offsetWidth;
        // document.onclick = function(e){
        //     var e = e || window.event;
        // }

            // 1.如何触发键盘事件 
            // 2.keyCode
            // 3.altKey 按下是true  否则是false
            document.onkeydown = function(e){
                var e = e || window.event;
               
                if(e.altKey){
                    console.log(e.keyCode);
                    if( e.keyCode===65){
                        console.log("同时按下了 alt + a按键");
                    }
                }
            }

            // document.documentElement  html
            // document.body
            // document.doctype
            // document.title  // 获取的是title里的值
        //     var str = "a-b-c-d";   // splice split
        //    var arr =  str.split("-")
        //    console.log(arr);
            // arr =  [a,b,c,d];
            //location.search    //  ?name=zhangsna&age=20
            // A页面  把参数 带到地址栏  ?name=zhangsna&age=20
            // B页面  通过location.search  获取地址栏信息 再解析 

            //  
            // div.on + 事件名称  = function(){

            // }
            // 只能绑定一个 后面会覆盖前面
            // div.onclick = function(){
            //     console.log('div')
            // }
            // 绑定多个事件
            // addEventListener  attchEvent();
            // div.addEventListener('click',function(){

            // })
            // every :循环  所有元素都是true时候返还true 否则返还false
            var arr = [true,false,true,true];
            var res =   arr.every(function(item){
                return item;
            })
            console.log(res);
            
    </script>
</body>
</html>